.a_demo_four {
    background-color:#98bf21;
    font-family: 'Open Sans', sans-serif;
    font-size:12px;
    text-decoration:none;
    color:#fff;
    position:relative;
    padding:10px 20px;
    padding-right:50px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 0%, rgb(101,86,78) 100%);
    border-radius: 5px;
    box-shadow: inset 0px 1px 0px #7adb84, 0px 5px 0px 0px #3f7f00, 0px 10px 5px #999;
}
 
.a_demo_four:active {
    top:3px;
    background-image: linear-gradient(bottom, rgb(62,51,46) 100%, rgb(101,86,78) 0%);
    box-shadow: inset 0px 1px 0px #7adb84, 0px 2px 0px 0px #3f7f00, 0px 5px 3px #999;
}
 
.a_demo_four::before {
    background-color:#3f7f00;
    background-image:url(http://1.bp.blogspot.com/-x4tMF0AVXlg/UVaMqklREOI/AAAAAAAAAD0/OD4WSoRhGkE/s320/right_arrow.png);
    background-repeat:no-repeat;
    background-position:center center;
    content:"";
    width:20px;
    height:20px;
    position:absolute;
    right:15px;
    top:50%;
    margin-top:-9px;
    border-radius: 50%;
    box-shadow: inset 0px 1px 0px #19120f, 0px 1px 0px #827066;
}
 
.a_demo_four:active::before {
    top:50%;
    margin-top:-12px;
    box-shadow: inset 0px 1px 0px #827066, 0px 3px 0px #19120f, 0px 6px 3px #382e29;
}

#tablemaster
{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}
#tablemaster td,#tablemaster th {font-size:13px;border:1px solid #98bf21;padding:3px 7px 2px 7px;}
#tablemaster th {font-size:13px;text-align:center;border:1px solid #ffffff;padding-top:5px;padding-bottom:4px;background-color:#99CC00;color:#ffffff;}
#tablemaster tr.alt td {color:#86a819;font-weight:bold;background-color:#EAF2D3;}
#tablemaster tr.alt1 td {color:#7f7f7f;font-weight:bold;background-color:#f4f4f4;}
#tablemaster tr td {color:#009900;font-weight:bold;background-color:#ffffff;}
th{height:10px;}
{text-align:center;}
td{padding:5px;}
td{text-align:center;}
th.alt{width:200px}
th.besar{width:70%}


@media screen and (max-width: 980px) {
#tablemaster
{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}
img {max-width:980;height:auto;width:auto\9; /* IE8 */}


@media screen and (max-width: 800px) {
#tablemaster
{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}
#tablemaster td,#tablemaster th{font-size:12px;}
#tablemaster th {font-size:12px;}
.post{width:240;margin:4px;padding:2px}
img {max-width:800;height:auto;width:auto\9; /* IE8 */}



@media screen and (max-width: 480px) {
#tablemaster
{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}
#tablemaster td,#tablemaster th{font-size:11px;}
#tablemaster th {font-size:11px;}
.post{width:480;margin:0px;padding:0px}
img {max-width:480px;height:auto;width:auto\9; /* IE8 */}
}

@media only screen and (max-width: 320px) {
#tablemaster
{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}
#tablemaster td,#tablemaster th{font-size:5px;}
#tablemaster th {font-size:5px;}
.post{width:auto;margin:0px;padding:0px}
img {max-width:320px;height:auto;width:auto\9; /* IE8 */}
}

@media screen and (max-width: 240px) {
#tablemaster{font-family:"Arial", Arial, Helvetica, sans-serif;width:100%;border-collapse:collapse;}
#tablemaster td,#tablemaster th{font-size:4px;text-align:center;padding:0px 0px 0px 0px;}
#tablemaster th {font-size:4px;text-align:center;}
.post{width:240;margin:0px;padding:0px}
img {max-width:240px;height:auto;width:auto\9; /* IE8 */}
}
.a_demo_four {font-size:7px;}
}
